System and method for facilitating posting of public and private user comments at a web site

ABSTRACT

A software system and method that allows web site operators to adapt web pages for posting of public and private user comments. An administrator accesses a web site to enter data for creating reader comment areas. HTML code for the reader comment areas is generated for insertion into web pages. When the web page containing the code is posted to a web site, the code results in a reader comment display page where web site visitors can comment on the content of the particular web page where the reader comment area appears. Comments are saved at a remote web site accessible to the administrator. The administrator may review and manage the reader comments. A reader who makes a comment on a web page has the option of creating a personal journal comprising all comments entered by the reader at any web page enabled according to the invention.

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is a continuation of the United States application forpatent that was filed on Jun. 15, 2007 and assigned Ser. No. 11/818,912,which application claims the benefit of the filing date of U.S.Provisional Application 60/813,982 which was filed on Jun. 15, 2006.

FIELD OF THE INVENTION

The present invention relates generally to software applications forannotating web pages. In particular, the present invention is a systemand method for use by web site operators to facilitate user posting ofpublic and private comments at a web site.

BACKGROUND OF THE INVENTION

Although web site blogs that provide commentary on a variety of topicsare very popular, they typically emphasize the web site owner's orblogger's comments. Many bloggers do not allow readers to comment onposts for fear of the readers submitting inappropriate comments. As aresult, reader interaction with blogs and other web sites is limited. Ifreaders were permitted to post private rather than public comments,bloggers could allow readers to comment on posts without the fear thatinappropriate comments will be read by other readers. However, blogs andweb sites typically do not support posting of private comments.

Another problem with current web technology is that adapting blogs andother web pages for annotations and comments is very cumbersome anddifficult. Even if a blogger would like to invite his or her readers tocomment on the blogger's posts, adapting the blog or other web sitecontent to allow such interactivity is difficult and requiresprogramming skills. Details related to web page layout and content canalso make it difficult to adapt pages for comments. Because of thedifficulties in facilitating comments on individual web pages, many website operators maintain a single blog for the entire site. Commentsregarding unrelated content appear in the same area of the web sitesimply because a blog is supported in only one area of the site thatusers can visit to post. If a blogger would like to support private aswell as public comments, additional programming is required to allowsuch postings on web pages. There is a need for a software system andmethod that allows web site operators to easily adapt web pages tofacilitate posting of comments at web sites. There is also a need for asystem and method that supports posting of private as well as publicuser comments at sites.

SUMMARY OF THE INVENTION

The present invention is a software system and method that allows website operators to easily adapt web page content to support posting ofpublic and private user comments at web sites. Web site operators cansupport interactivity with their web site visitors centering on publicreader comment areas as well as private visitor journals.

Reader comment areas according to the present invention allow web sitevisitors to comment on the content found on the particular web pageswhere the reader comment areas appear. Examples of such pages are onescontaining articles, newsletters, photographs, quotes, newscommentaries, etc. An important design feature of the present inventionis the ability to create a “mini-blog” out of every singlecontent-oriented web page of an owner's web site. Reader comment areasare added easily to all types of web pages and in fact, may be added toliterally thousands of web pages, requiring just a minute or two of timefor each new page.

To prevent publication of inappropriate comments, the web site owner oran administrator has a variety of controls to maintain the privacy ofcomments. One such control is a “hide incoming posts” control thatallows the administrator to review posts before permitting them to bepublished. Other controls allow the administrator to hide or deleteposts that have already been published. Every reader who makes a commenton a web page enabled according to the present invention may beautomatically added to the web site owner's subscriber list (if the website owner so chooses, and if the reader approves via typical doubleopt-in methods). Every end user who makes a comment on the web siteowner's site also has the opportunity to sign up for a personal journal.This option further enrolls the end user to return to the owner's siteand become part of the web site owner's community and subscriber list.

A variety of personal journal features are also supported. Personaljournal features include keeping comments private for the user'spersonal viewing only, posting comments to other public web pagescontaining the specialized reader comment areas, and creating a uniquepage with the user's own individualized URL that mimics the public webpage to which he or she has posted a comment. The end user comment isalways displayed most prominently (e.g., at the top of all othercomments entered by other end users, and/or highlighted in some way suchas in bold or in a different color or any number of other highlightingtechniques that may be selected. The end user may also be permitted tochoose to eliminate all the other comments posted on the original webpage so his or her comment is the only one featured.)

Additionally, from the personal journal page, the end user may print allor pre-selected journal entries in various design formats (such asmini-books or ebooks or on-line or off-line greeting cards), create apublic blog out of posts he or she chooses to make public under aprivate domain or sub-domain name, create his or her own web pages or aweb site using additional formatting features or simply publish his orher posts as text under a private domain or sub-domain name, enter audiocomments to a journal, enter video comments to a journal, createpodcasts of these audio and video comments, and make actual saleableproducts of these written, audio and/or video posts, which will beavailable collectively on a common commercial web site.

The features and functionality of the present invention are madeavailable to web site owners in a “prepackaged” and ready-made,ready-to-install system. The present invention allows web site owner toavoid hiring programmers to create each individual feature. The systemenables the web site owner to be the administrator of the entire system.The administrator may perform the following functions:

-   -   1. Create reader comment areas that can be added to any web page        of the administrator's choosing by having the program        automatically create the code for the reader comment areas. This        code is simply copied and pasted into the code of the        administrator's pre-existing web pages where the administrator        wants the reader comment areas to appear.    -   2. Search engine optimize the end user posts by specifying        single or multiple search engine keywords that appear either as        a subtitle of each end user post or appear in any other area of        the post. This coupling makes the keywords “contextual,” for        which some search engines may assign a higher ranking than if        the keywords were standing alone.    -   3. Place his or her own advertisements next to each individual        post entered both on the public display page and the private        journal pages    -   4. Add a tell-a-friend page, pop-up, layer or other        tell-a-friend format which allows the end user to automatically        email notice of his or her post(s) to friends. The end user        benefits from this feature by publicizing his or her posts and        allowing a taste of frame, and the administrator enjoys it as a        way of getting more people to visit his or her web site.    -   5. Automatically add each new end user who places a post or        signs up for his or her own personal journal to an        auto-responder series of emails created by the administrator.    -   6. Automatically rotate the end user posts on the web page so        different end user posts are featured each day. Automatic emails        are sent to each end user at predetermined times to notify the        end user that his or her post will be featured at the specified        times so the end user, even years later, may re-activate        interest in what he or she wrote, and refer friends to the site        on the particular day his or her posts are featured. (This        feature is also very important for search engine optimization.        Search engines give higher rankings to continually-changing web        pages. Search engines consider the content on these updated        pages to be more timely and relevant to the keywords for which        users are searching).    -   7. Enable the administrator to delete or hide any post of his or        her choosing.    -   8. Enable the administrator either to hide all incoming posts        until approved for public display, or to immediately allow the        posts to appear for public display.    -   9. Select individual posts using checkmark boxes for printing        out these posts together, either onto a separate web page or        into a printed document to create such things as books and        ebooks.    -   10. See the number of posts on each public web page by a counter        in the administrator area and/or to the public on the public web        page itself    -   11. Create a contest, by allowing other web site visitors to        rate posts numerically (e.g., using 1-5 with 1 being “under        average” and 5 being “superb” and giving prizes to the highest        scoring end-user for all his or her posts scores combined over a        given time period).    -   12. Create RSS feeds to receive additional Search Engine        Traffic.

The present invention facilitates eliciting reader comments to engagereaders in the blogger's or web site owner's writings. It also providesgreater search engine optimization resulting from specialized keywordutilization associated with the incoming posts, as well as list buildingadvantages.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a block diagram of the basic components for an exampleembodiment of the present invention;

FIG. 2 is a detailed block diagram of components for an exampleembodiment of the present invention;

FIG. 3 is a login screen shot according to an example embodiment of thepresent invention;

FIG. 4 is an administrator page creator screen shot according to anexample embodiment of the present invention;

FIG. 5 is a personal journal screen shot according to an exampleembodiment of the present invention;

FIG. 6 is an administrator page editor screen shot according to anexample embodiment of the present invention;

FIG. 7 is a display page screen shot for an example embodiment of thepresent invention;

FIG. 8 is a tell-a-friend screen shot according to an example embodimentof the present invention;

FIG. 9 is an administrator email screen shot according to an exampleembodiment of the present invention;

FIG. 10 is an administrator change page editor screen shot according toan example embodiment of the present invention;

FIGS. 11-16 are screen shots for administrator category creationaccording to an example embodiment of the present invention;

FIG. 17 is example reader comment area code for insertion into web pagecontent according to an example embodiment of the present invention;

FIGS. 18 and 19 are screen shots for creating and managing bannersaccording to an example embodiment of the present invention;

FIGS. 20-22 are end user comment screen shots for an example embodimentof the present invention;

FIGS. 23A-23OO are a flow diagram illustrating the web siteadministration, user administration, and end user components for anexample embodiment of the present invention;

FIG. 24 is a sample web page comprising a reader comment area accordingto an example embodiment of the present invention; and

FIG. 25 is a flowchart illustrating an iFrame solution for a readercomment area according to an example embodiment of the presentinvention.

DETAILED DESCRIPTION OF THE INVENTION

Referring to FIG. 1, a block diagram of the basic components for anexample embodiment of the present invention is shown. An administratorpage creator component allows an administrator to first create a readercomment area and place code for the reader comment on any new orpre-existing web page 100. Once posted to a web site, a public displaypage component 102 allows end users to input comments that are posted onthe page. The comments may be displayed on the page when they areentered or the administrator may review them prior to displaying them.The end user may also sign up for his or her own personal journal at theweb page. An administrator page editor 104 component allows anadministrator to delete, hide, and perform other functions on postsentered by individual end users on particular pages created using theadministrator page creator 100. The administrator may decide whether toenter posts immediately on the public display page or to review themprior to displaying them. A personal journal component 106 is availableto end users that select a personal journal feature. End users canchoose web pages from drop down menus and enter comments in any areawhere an administrator has placed a reader comment area. The end usercan review and manage his or her own comments, print them in a varietyof formats, and/or email them to friends.

Referring to FIG. 2, a detailed block diagram of component for anexample embodiment of the present invention is shown. A public displaypage component 102 may support audio posts 116 and video posts 118 inaddition to text entries. Because posts are part of the web pages onwhich they are entered, they may be considered by search engines in pagerankings 122 and they may be considered web page updates to RSS feedreaders 124. An administrator page editor component 104 may used togenerate ebooks of end user posts 120. Finally, a personal journalcomponent 106 allows an end user to manage his or her own posts andperform various functions based the personal posts. For example, an enduser may create an end user blog 126 or a web site 128 based on his orher own posts as well as a private URL to a page of the end user's posts130. The end user may create an ebook of the posts 132 or a greetingcard of the posts 136. Finally, the end user may print the posts 138.Posts in a variety of formats may be emailed to friends 134.

Referring to FIG. 3, a login screen shot according to an exampleembodiment of the present invention is shown. An end user who is alreadysigned up for a personal journal logs in with his or her user name andpassword and selects a sign-up option to reach a personal journal page140. In another portion of the screen 142, the end user signs up tocreate his or her own personal journal. Fields include first name, lastname, email address, user name, and password. The end user selects a“create my journal” option to the complete the process.

Referring to FIG. 4, an administrator page creator screen shot accordingto an example embodiment of the present invention is shown. Theadministrator may create new reader comment areas for various types ofweb documents such as newsletters and miscellaneous web pages at the website. The administrator identifies the type of web page 150. Anewsletter page option may be used for a web page that was originallycreated as a newsletter. A miscellaneous page may refer to any othertype of web page. In the title field 152, the administrator enters thetitle of the web site page for which he or she is creating a readercomment area. In the keyword phrase field 154, administrator enterskeywords of his or her choice for search engine optimization. Thesekeywords appear next to the time/date stamp of the end user posts. Anautoresponder code field 156 is where the administrator enters theform/post HTML code that automatically subscribes new end users who aremaking posts or who are signing up for personal journals to theadministrator's Autoresponder. (The autoresponder is thedatabase/emailing service that maintains the administrator's list ofsubscribers). The “add icons for posts” browse menu 158 enables theadministrator to upload images from which the end user can choose to addto his or her posts. Images uploaded automatically are reformatted to apreset width, length and kilobyte size. A “remove icons” pull down menu160 enables the administrator to remove previously added icons. A readercomment area code field 164 is an output field and is created after theadministrator presses the create page option 162.

Referring to FIG. 5, a personal journal screen shot according to anexample embodiment of the present invention is shown. This screendisplays the end user's personal journal resulting from the sign-upprocess of FIG. 3. At the top of the page, the end user's first nameautomatically appears indicating <end user's first name> personaljournal 170. Radio buttons 172 allow the end user to choose the web pageto which he or she would like to post a comment. The end user may alsochoose to view the previous posts he or she wrote. This option displaysevery post the end user previously entered on every newsletter or otherweb page the administrator has made available for postings. A pull downmenu option 176 displays all the web pages with titles entered by theadministrator in the title field of the administrator page creator basedon the radio button 172 selected. A display web page option 174 allowsthe end user to see a popup of the display page where his or her postswill be appearing. The title next to the display web page optionautomatically reflects the title that the end user selected from thepull down menu 176.

Posting data fields are in the middle section of the screen. The enduser may provide a title for his or her post in a post title field 180.A comment field 182 is where the end user enters his or her actual post.An enlarge writing area option 184 results in a popup that provides theend user with an enlarged writing area to compose his or her comment.The end user can adjust this writing area to any comfortable sizeincluding full screen. It automatically adjusts the writing area fieldproportionately to whatever size the end user desires the page to appearon his screen. A choose icon pull down menu 186 allows the end user tochoose from the icons the administrator entered in the “add icons forposts” field of the administrator page creator screen (FIG. 4). The enduser may choose from a selection of four radio buttons 188 to have hisor her full name, first name, initials, or user name published on thepublic display page. Publishing options 190 include a public postingoption and an option to publish the post only in the end user's privatejournal.

Post fields appear at the bottom of the screen. Thenewsletter/miscellaneous title 194 listing reflects which newsletter ormiscellaneous page the end user selected previously. The title listingreflects the title the end user chose from post title field 196. Thecomment field has the content entered previously by the end user. Nextto the comment field is the icon selected by the end user. Theidentifier reflects the name option selected previously 198.

Referring to FIG. 6, an administrator page editor screen shot accordingto an example embodiment of the present invention is shown. Using thisscreen an administrator may monitor incoming end user posts created inthe reader comment areas. The administrator may select a newsletter orother page 200. Pull down menu options 202 display the web page titlesentered by the administrator for the selected newsletter or othermiscellaneous page. A display page option 204 allows the administratorto view a popup of the display page for the selected title. A changepage option 206 allows the administrator to view a popup of the originaladministrator page creator to change any item previously entered on thatpage such as titles, keywords, and autoresponder codes. The selectedtitle is displayed in the pull down menu option 202 and theadministrator can select an option to display new posts or to hide newposts 208 depending on whether posts entered by end users should beautomatically posted onto the display pages, or if they first should bemanually approved for publication by the administrator. Hidden postsreceive a grey background so the administrator knows at a glance theyare hidden.

Each end user post may be displayed in a separate portion of the screen.The icon the end user selected appears with his or her post 210. Thetitle 210 selected by the end user is displayed as well as the enduser's comment 210. Also shown is the identifier 212 (name, initials,user name) selected by the end user. A publish option 214 enables theadministrator to allow the end user's post to appear on the display pageif the administrator had previously chosen to hide this post either viaa hide post option 216, or the hide new posts option above 208. The hidepost option 216 enables the administrator to hide any individual enduser post from appearing on a display page. The entire post appears witha grey background when it is hidden so the administrator knows at aglance it is hidden. A delete post option 218 permanently deletes thepost. An email-a-friend option 220 results in a popup that enables theadministrator to email the end user who wrote the post (e.g., to thankthem for posting, to ask permission to quote his or her post, etc.)

Posts may be selected (e.g., by selecting a checkbox next to each post)for printing, to appear in an ebook, or for other functions. A postcounter may be used to tell the administrator how many total posts werereceived for each newsletter or miscellaneous web page.

Reader comments areas defined by administrators and comments entered byend users are hosted on a server and stored in database remote from theadministrator's web site server. An “iFrame” substitution process isused to allow this remote hosting of the reader comments. The iFramesubstitution of the present invention provides a simple “window” to theserver and database where all reader comments are actually entered,stored, and posted. However, they are also a part of the local site. Itis important for the actual text of the posts to be a part of the localsite (i.e., the administrator's web site) rather than just beingreflected there so that the administrator gets the benefit of usingincoming posts for search engine optimization. The administrator doesnot receive this benefit if the text in the posts is not actually on thelocal site and remains solely in the remote database.

Referring to FIG. 7, a display page screen shot for an exampleembodiment of the present invention is shown. The display page is thepage that is created for public viewing. It is the page that resultswhen an administrator uses the administrator page creator component tocreate reader comment areas for pre-existing web pages. Typically, theadministrator places code generated in the administrator page creatorbelow any pre-existing content on a web page to allow the reader commentareas and posts to appear at the bottom. The administrator can alsoplace code for the reader comment areas in such a way that the readercomment areas appear at the very top of the page or any other area ofthe page relative to the pre-existing content. The web page content withthe inserted code is then saved for posting at a web site. In FIG. 7,the title 232 is the only pre-existing content appearing above thereader comment area on this particular web page.

The display page comprises a reader comment input section 230. Thereader enters comment data in this section of the display page. In thetitle field 232, the end user provides a title for his or her post. Theend user enters his or her actual comment in the comment field 236. Theend user can select an icon from the icon pull down menu 238 which hasthe icons the administrator originally uploaded in the administratorpage creator. The end user enters a name in the name field and an emailaddress 240. The end user can select an option for publishing his or herfull name, first name only, or initials 242. The user name options fromthe personal journal page are not available on the display page becauseend users coming to the display page may not yet have signed up for apersonal journal, and therefore, do not have a user name.

If the end user then chooses an option to create a personal journal 244,Javascript Show-Hide Layer Code allows the appearance of the otherwiseinvisible user name and password fields 248. The end user chooses a usename for logging onto his or her personal journal and a password. Theseuser name and password fields 248 remain hidden if the end user choosesa “just post my comments below without creating my personal journal”option 246. The end user's comments are posted with the selection of apost comments option 250.

The display page also comprises a reader comment output section 252. Thepost fields appear at the bottom of the display page in the readercomment output section. The most recent end user's post is posted firston the page rather then last. The advantage of publishing the mostrecent end user's post first is the immediate gratification it gives theend user of being “headlined,” versus stuck at the bottom of thewebpage. An RSS option 254 enables web site visitors to create RSS feedsof the incoming posts on his or her own web sites if they like, or toview in other RSS-viewable places (e.g., choosing different RSS feeds isone of various preferences available to Yahoo.com's users). This optionsupport further promotion of the administrator's web site.

The icon 256 for the post reflects the icon selected by the user fromthe icon pull down menu 238. The title 258 reflects the title entered bythe end user previously in the title field 232. The comment 260 reflectsthe content entered by the end user in the comment field 236. Theidentifier 262 reflects the end user's choice for identifying his or herposts 242. Because the posts here also reflect posts made by end usersin their personal journals, the identifier may reflect the end user'suser name per that option uniquely available to end users posting from apersonal journal. The date and time labels 264 reflect the date and thetime the end user's post was made. The keyword label 266 reflects thekeywords the administrator chose in the administrator page creatorscreen (FIG. 4). The combination of the keyword label 266 and the titlelisting 258 makes a dynamic keyword-rich page thus making it highlyoptimized to receive search engine traffic.

A tell-a-friend option 268 displayed next to each post results in atell-a-friend popup. This feature enables the end user to email any postto multiple friends, which brings more traffic to the site. A ratingoption 268 may also be added next to each post to allow the end user andother visitors to rate every post on the page (e.g., 1=I didn't likethis post; 2=1 liked this post; and 3=1 loved this post!). This optionenables the administrator to create a contest for web page postings. Asan incentive to get end users to write more posts, the administrator canaward prizes to the top-winning end user poster for a given period oftime.

Referring to FIG. 8, a tell-a-friend screen shot according to an exampleembodiment of the present invention is shown. This figure shows astandard tell-a-friend script that enables the end user tosimultaneously email multiple friends to tell them about the web sitethey have just visited. It is coupled directly to the posts generated byend users. The entire tell-a-friend page can be made to automaticallyappear in a popup window when an end user enters a post on the displaypage or in his or her personal journal. The administrator page creatorscreen allows the administrator to automatically provide a subject linefor the message 270 and to type any message into the message field 272of the tell-a-friend page to provide the end user with a readilyavailable message for the end user to tell a friend. The messageincludes a dynamically-generated URL that refers the end user's friendto the dynamically-generated “look-at-me-page” (as described below)which always highlights the end user's post.

Referring to FIG. 9, an administrator email screen shot according to anexample embodiment of the present invention is shown. This figure showsa standard email script that enables the administrator to email thespecific end user who made a post. The administrator selects an emailoption from the administrator page editor screen. The email option ofthe administrator page editor is linked for easy use to every postgenerated by end users. The “From” field is automatically populated withthe administrator's name and email address. The “To” field isautomatically populated with the end user's name and email addressobtained when the end user made his or her first post either on thedisplay page, or when he or she signed up for a personal journal on thelogin/sign-up screen. The content field can be made to automaticallypopulate with any script the administrator entered into theadministrator page creator. In the administrator page creator, anymessage can be input and automatically sent to every end user making apost.

Referring to FIG. 10, an administrator change page editor screen shotaccording to an example embodiment of the present invention is shown.This screen is virtually identical to the administrator page creator ofFIG. 4. An important difference is that all of the fields areauto-populated with the information the administrator previously enteredto create a specific page. This change page editor screen allows theadministrator to update or change previous settings appearing on thedisplay page of FIG. 7. The change page editor screen is accessible tothe administrator via the change page option on the administrator pageeditor screen of FIG. 6.

A “look-at-me page” may be virtually identical to the display pageof—FIG. 7 except for its URL. The URL for the “look-at-me page” isdynamically generated, and it features the end user's posts at the topof the comments section, highlighting them in any variety of ways suchas by displaying them in different background colors and designscompared to the other posts, or bordered by stars, in bold, etc. The enduser may be provided with various options for highlighting his or herown posts. The end user may also choose which posts to make public andwhich to keep private. End users may be much more inclined to publicizetheir own posts if they can personalize them for others. It also resultsin promotion of the administrator's site using the tell-a-friend featurein FIG. 8 because the end user's post is the highlight of the“look-at-me page.” The feature allows the end user to perform thefunctions of a “secondary administrator” and promote greater use of theprimary administrator's web site thereby greatly increasing the primaryadministrator's traffic.

A contest generator page hosts the results of end-user post rankingsusing web site visitors' ratings of the various posts via the ratingsfeature on the display page of FIG. 7. It features a list of numericallyranked end users names according to his or her scores, highest tolowest. An administrator area of this page contains another entry fieldthat allows the administrator to specify date ranges within which tocalculate the scores. Another entry field allows the administrator tospecify how many points he or she wants each end user to automaticallyreceive per each post entered. This approach rewards people who postfrequently, thus encouraging active participation of end users. Theadministrator can determine what prizes will be rewarded for eachwinner.

A “create blog” feature allows each end user to create a blog thatdisplays just his or her posts, and just the ones they choose to makepublic via checkmark boxes that appear next to each of his or her posts.The end user performs the functions of a “secondary administrator,” andpromotes greater use of the primary administrator's web site therebygreatly increasing the primary administrator's traffic.

An ebook feature allows each end user to create an ebook of all his orher unique “look-at-me” pages. The end user chooses which posts toinclude in the ebook. This feature automatically puts all selected postsinto an MS Word format or a pdf. format, per his or her own choosing. Italso includes various cover template designs, table of content designs,and overall book designs. The administrator may also be ebook creator bycreating ebooks of reader comments. The ebooks may be sold ordistributed as a “virtual marketing tool.” End users whose commentsappear frequently in an ebook may be inclined to distribute the ebook toothers.

An end user greeting card creator feature enables the end user to sendhis or her posts as virtual greeting cards. This feature may be used inaddition to or instead of the tell-a-friend emails and provides anotherdynamic marketing tool for the administrator's web site.

A comment rotator and emailer feature allows an administrator to rotateposts appearing at the top of each web page. The posts may be rotateddaily or more frequently throughout the day. An email may be sentautomatically to each particular end user at the time his/her post isheadlined. This feature creates a reason for the end user to revisit theweb page and to refer friends to it.

Referring to FIGS. 11-16, category creation and use screen shotsaccording to a second example embodiment of the present invention areshown. Referring to FIG. 11A, a categories overview screen shot for anexample embodiment of the present invention is shown. The sample screenshows four categories that have already been created. Referring to FIG.11B, an add category screen shot for an example embodiment of thepresent invention is shown. In the category name field 280, theadministrator enters a name for a new category (e.g., Old Testament).The next level selection field 284 is used if the category will havesub-categories. “-Select” appears by default, but can be erased. In thisexample, the administrator has entered “- -Select Book- -” (to select a“Book” from the Old Testament category). The order type field is apulldown menu from which the administrator can select a non-sequentialor sequential ordering of the sub-categories of the category beingcreated. In the case of “The Old Testament,” the administrator hasselected “Non-Sequential” because the books of the bible that will beentered as sub-categories are not sequential (e.g., alphabetized ornumeric). For example, the next five sub-categories that will be enteredin the next phase of the administrator's category/sub-category creationare non-sequential: Genesis, Exodus, Leviticus, Numbers, andDeuteronomy. If the sequential option is selected, the books would laterappear to all users in alphabetic order without regard to the order inwhich the administrator entered them: Deuteronomy, Exodus, Genesis,Leviticus, and Numbers. The administrator selects the “add new category”option to save all selections in the fields above.

Referring to FIG. 12A, a sub-category creation screen shot according toan example embodiment of the present invention is shown. From thecategory pulldown menu 286, the administrator chooses from whichcategory he wishes to create sub-categories and then selects “create newsub-category” option 288. Referring to FIG. 12B, a create new textscreen shot according to an example embodiment of the present inventionis shown. The sub-category pulldown menu 290 appears showing all thesub-categories so far created for the specified category in the categorypulldown menu 292. In this example, no sub-categories have been createdyet, so administrator selects a “new 1.sup.st level sub-category” option294. Then he selects one of three options to specify whether the newsub-category will be Text, Numeric, or Alphabetic 296. In this example,the text option is selected. Upon choosing the text option and selectingthe “create new sub-category” option, a prompt popup 300 appears, intowhich administrator enters how many sub-categories he wishes to create(five in this case). After administrator selects the “OK” option, thescreen (in FIG. 12C appears.

Referring to FIG. 12C, a text sub-categories entry field screen shotaccording to an example embodiment of the present invention is shown.Because the user entered “5” for the number of sub-categories to create,five new sub-category entry fields appear. For each new sub-category,similar to the create category function of FIG. 11B, the administratorenters the sub-category names 302 (e.g., Genesis, Exodus, Leviticus,Numbers, and Deuteronomy). Then administrator specifies for eachsub-category of the new sub-category (if there will be any) whether thesub-subcategory should be sequential or non-sequential. The “next levelselection” field 306 is used if the sub-category will have additionalsub-categories. “-Select” appears in the field by default, but can beerased. In this example, the administrator has entered “- -SelectChapter- -” (i.e., to select a “chapter” of Genesis, Exodus, Leviticus,Numbers, and Deuteronomy). Those sub-category chapters are created inFIG. 12D. The administrator selects the “Create new sub-category” option308 to create all the new sub-categories.

Referring to FIGS. 12D-F, a numeric sub-categories entry field screenshot for an example embodiment of the present invention is shown. Inthis example, the administrator selected the numeric option 310 in orderto create numbered chapters of the selected sub-category Genesis. Uponselecting the numeric option 310 and selecting the “create sub-category”option 312, a prompt popup appears into which administrator enters thestarting number of the sub-categories he wishes to create (1 in thisexample). After selecting the “OK” option, the prompt popup disappearsand another prompt popup appears 314 as shown in FIG. 12E. Theadministrator enters the ending number of the sub-categories he wishesto create (13 in this case). After selecting the “OK” option, the promptpopup 314 disappears and the screen of FIG. 12F appears. If theadministrator scrolls through the sub-category pulldown menu 316, he cansee all the sub-categories so far created. Visible in this examplefigure are the 13 sub-categories created under Genesis. (Genesis is notvisible because the scrollbar would have to be moved to the highestposition). The alphabetic option works in a similar fashion as thenumber option with the exception that the administrator can createalphabetic sub-categories.

Referring to FIGS. 13A and 13B, edit and delete sub-category screenshots for an example embodiment of the present invention are shown.Referring to FIG. 13A, the administrator may select an edit or deleteoption 320. If the edit option is selected, a prompt popup 322 appearsprompting the administrator to change the options associated with thespecified sub-category. Referring to FIG. 13B, when the delete option isselected, a prompt popup appears prompting the administrator to confirmthe deletion.

Referring to FIGS. 14A-C, page category creation screen shorts accordingto an example embodiment of the invention are shown. The administratormay use defined categories and sub-categories in association with pagecontent as he or she chooses so that the administrator can use his orher own preferred way of classifying the web pages for a site. Referringto FIG. 14A, the administrator selects “categories,” “sub-categories,”or“page content” from a create and manage menu 324 to use a particularclass web page content. The web page classification also facilitates enduser selection of content for which the end user would like to providecomments. The administrator selects a category or sub-category to beassociated with web page content 325. Additional options for managingcreated web page content include options for viewing archive pages,selecting pages, and displaying/hiding pages are also provided 326.

Referring to FIG. 14B, the administrator selects a category 327 (e.g.,“Old Testament.” The administrator may further select a page template328 for creating the web page, an option to add page content 329, and anoption to add iFrame code 330 to a web page to create a reader commentarea on a web page associated with the specified category. Referring toFIG. 14C, following selection of the category, the administrator mayselect a first sub-category 331 (e.g., “Genesis”). Referring to FIGS.15A and 15B, additional sub-categories may be selected (e.g., “Chapter1” 332 and “Verse 1” 333). Referring to FIG. 16, the administrator maythen specify content to be associated with the specified categories andsub-categories 334. Referring to FIG. 17, sample iFrame substitutioncode according to an example embodiment of the present invention isshown. The iFrame substitution code to be associated with the specifiedweb page content is generated so that it may be added to HTML code forthe web page. The code may be inserted anywhere in the HTML code wherethe administrator would like a reader comment area to be provided. TheiFrame substitution code provides access to the reader comment area forthe specified portion of the web page. Comments provided by end usersare then associated with the specified portion of the web page throughthe reader comment area. When comments are entered by readers of the website, they are saved in a database remote from the administrator's website but are still part of the local site for search engineoptimization.

Referring to FIGS. 18 and 19, screen shots for creating and managingbanners according to an example embodiment of the present invention areshown. Referring to FIG. 18, an administrator can define various icons340 to be used as banners for a web page. Referring to FIG. 19, anadministrator can select a banner 350, 352 to be used in associationwith a specified web page. The selected banner may be displayed at thetop of the page.

Referring to FIGS. 20-22, sample end user comment screen shots for anexample embodiment of the present invention are shown. The screen maycomprise a reader comment input section 360 and a reader comment outputsection 376. Referring to FIG. 20, using the categories andsub-categories defined by the administrator, the end user can specify acategory and sub-categories to select a portion of a web page on whichto comment 362. In the comment area of the screen, the end userspecifies a comment title 364 and enters his or her comment in a textarea of the screen 366. The end user may further specify an icon to beassociated with the comment 368. The end user may also specify anidentifier to be associated with the comment 370 (e.g., full name, firstname, initials, or user name). The end user may also decide whether tomake his or her comments public or private by specifying an accessoption 372. After providing the requested input, the end user selects asubmit comment option 374 to post the comment publicly or privatelydepending upon the access option selected.

The end user's comment is displayed in the reader comment output sectionat the bottom of the screen 376. The comment is displayed 380 along witha time stamp indicating when it was entered. The user may select anoption to hide the comment once it has been entered 382. The end usercan also choose to see only his or her comment or all of the commentsentered by other users 384. Referring to FIG. 21, a screen shot for anenlarge writing area option according to an example embodiment of thepresent invention is shown. Referring to FIG. 22, another sample enduser comment screen shot according to an example embodiment of thepresent invention is shown. As shown in the reader output section 390,the end user's comment appears as it will on the display page for theweb site.

Technical details related to the category/sub-category feature of thepresent invention are as follows. AJAX framework (HTML_AJAX) controlsAJAX functionalities for the present invention. The code <?php$utils->get_category_list(‘slt_category’,“onchange=\”sendSub-category(-his.value);showOther()\””);?>loads a list of categories in the Manage Sub Category page(manage_sub_category.php) page. A utility class is defined in a classesfolder (root_folder/classes/utils.class.php) which is a collection ofutility functions. This class has many functions including redirectingand displaying JavaScript message, and listing many other functions. Theabove function get_category_list( ) is defined in aroot_folder/classes/utils.class.php file which will that takes someparameters and lists the all the categories made by the currentadministrator.

When the selection of items listed in the category dropdown list ischanged, an onchange event (onchange=\”sendSub-category(this.value)) iscalled in this function and this sendSub-category(this.value) sends theselected item id to sendSub-category(cat_id) javascript function definedin the current page. After the a value is passed tosendSub-category(cat_id) function and parameter values are passed to thefunction, it hides the Options Panel and sub category Panel if thepassed parameter value is 0. Otherwise it creates an instance of objectof review class defined in root_folder/ajax_classes/review.class.php.

After the instance of object of review class is created usingjavascript, a last line of code defined in the functionsendSub-category(cat_id) registers a php functionloadSub-category(cat_id,”) defined in review.class.php class file. Whileusing HTML_AJAX framework in our program we have to register our userdefined class to the ReviewServer defined inroot_folder/ajax_claases/auto_server.class.php. After theloadSub-category(cat_id) is called this function connects to thedatabase and loads all the sub-categories under selected category andreturn to the JavaScript. Again there is a function calledloadSub-category: function(result) which is a part of HTML_AJAX. Thisretrieves the HTML and reloads the sub category drop down box. Theoptions panel is also visible.

Referring to FIGS. 23A-23OO, a flow diagram illustrating the web siteadministration, user administration, and end user components for anexample embodiment of the present invention is shown. The presentinvention comprises an iFrame substitution solution to provide featuresand functionality related to reader comment areas. The embeddedtechnologies in the iFrame substitution solution include HTML, PHP,Javascript, MySQL, CSS, and AJAX methods.

Referring to FIG. 23A, beginning at 400, the following steps areperformed.

TABLE 1 Step Action 1 With any ECMA-262 compatible browsers (InternetExplorer 5+, FireFox 1.5+, Opera 8+, etc), the user accesses a URL(e.g., (www.wealthysouljournal.com). Users are permitted to access toone of three distinct sections: Web Site Administration System Panel,Users Administration System Panel, and End User System Panel. 2 The userproceeds to the WEB SITE administration panel login page. 3 The userproceeds to the USERS administration panel login page. 4 The userproceeds to the END USERS comment page.

Referring to FIG. 23B, beginning at 402, the following steps areperformed.

TABLE 2 Step Action 1 Browser will display a security check page askingUSERNAME and PASSWORD. 2 User MUST enter USERNAME and PASSWORD; 3 IfUSERNAME and PASSWORD are OK, then follow the “Y” path, otherwise,follow the “N” path; 4 With an authenticated user, the system will loadthe “Website Administration Panel” homepage and will show all availablemenu option for this section; 5 The website will wait until the userchoose one of the options on main menu; 6 If user chose PERSONAL MENU, asub-menu with another options will appear and wait until one of itsoptions are chosen; Its options are: (7) Edit Profile, (8) ChangePassword and (9) Log out; 7 If user chose PERSONAL MENU.fwdarw.EDITPROFILE, it will follow “Y” path to diagram [2B], otherwise it will waituntil the user's choice. 8 If user chose PERSONAL MENU.fwdarw.EDITPROFILE, it will follow “Y” path to diagram [2C], otherwise it will waituntil the user's choice. 9 If user chose PERSONAL MENU.fwdarw.EDITPROFILE, it will follow “Y” path to diagram [2D], otherwise it will waituntil the user's choice. 10 If user chose CREATE & MANAGE MENU, asub-menu with another options will appear and wait until one of itsoptions are chosen; Its options are: (11) Categories, (12)Sub-Categories and (13) Page Content; 11 If user chose CREATE & MANAGEMENU.fwdarw.CATEGORIES, it will follow “Y” path to diagram [2E],otherwise it will wait until the user's choice. 12 If user chose CREATE& MANAGE MENU.fwdarw.SUB-CATEGORIES, it will follow “Y” path to diagram[2F], otherwise it will wait until the user's choice. 13 If user choseCREATE & MANAGE MENU.fwdarw.PAGE CONTENT, it will follow “Y” path todiagram [2G], otherwise it will wait until the user's choice. 14 If userchose administrator SETTINGS MENU, a sub-menu with another options willappear and wait until one of its options are chosen; Its options are:(15) Manage Icon and (16) HEADER/FOOTER; 15 If user chose administratorSETTINGS MENU.fwdarw.MANAGE ICON, it will follow “Y” path to diagram[2H], otherwise it will wait until the user's choice. 16 If user choseadministrator SETTINGS MENU.fwdarw.HEADER/FOOTER, it will follow “Y”path to diagram [2I], otherwise it will wait until the user's choice.

Referring to FIG. 23C, beginning at 404, the following steps areperformed:

TABLE 3 Step Action 1 Browser will display EDIT PROFILE title. 2 Websitewill load EDIT PROFILE section; 3 Website will display EDIT PROFILE pagewith its forms; 4 User MUST enter FIRST NAME, LAST NAME and EMAILADDRESS; 5 If user clicked on CANCEL during the process, the system willfollow the “Y” path to diagram [2A], otherwise it will follow the “N”path; 6 If user clicked on EDIT YOUR PROFILE, the system will follow the“Y” path, otherwise it will follow the “N” path; 7 If all submitted dataare correct, it will follow the “Y” path, otherwise it will follow the“N” path; 8 If an error happens, an error message will be showed anduser can choose to try again; 9 If user wants to try again it willfollow the “Y” path, otherwise it will follow the “N” path to diagram[2A]; 10 The system will update USER PROFILE database and goes todiagram [2A];

Referring to FIG. 23D, beginning at 406, the following steps areperformed.

TABLE 4 Step Action 1 Browser will display CHANGE PASSWORD title. 2Website will load CHANGE PASSWORD section; 3 Website will display CHANGEPASSWORD page with its forms; 4 User MUST enter OLD PASSWORD, NEWPASSWORD and CONFIRM NEW PASSWORD; 5 If user clicked on CANCEL duringthe process, the system will follow the “Y” path to diagram [2A],otherwise it will follow the “N” path; 6 If user clicked on CHANGEPASSWORD, the system will follow the “Y” path, otherwise it will followthe “N” path; 7 If all submitted data are correct, it will follow the“Y” path, otherwise it will follow the “N” path; 8 If an error happens,an error message will be showed and user can choose to try again; 9 Ifuser wants to try again it will follow the “Y” path, otherwise it willfollow the “N” path to diagram [2A]; 10 The system will update PASSWORDdatabase and goes to diagram [2A];

Referring to FIG. 23E, beginning at 408, the following steps areperformed.

TABLE 5 Step Action 1 Browser will display LOG OUT title. 2 Website willclear all log in information and goes to diagram [2];

Referring to FIG. 23F, beginning at 410, the following steps areperformed.

TABLE 6 Step Action 1 Browser will display CATEGORIES title. 2 Websitewill load CATEGORIES section and check if there are any categories intodatabase system; 3 If any category was previously added, thesecategories will be listed and a special menu for it will be loaded andADD NEW CATEGORY will be in the options too. The options for its menuare: (9) Add New Category, (6) Edit Category, (7) Delete Category, (8)Change Existing Categories List Order; 4 If user chose PERSONAL MENU, asub-menu with another options will appear and wait until one of itsoptions are chosen; its options are: (7) Edit Profile, (8) ChangePassword and (9) Log out; 5 If user clicked on CANCEL during theprocess, the system will follow the “Y” path to diagram [2E1], otherwiseit will follow the “N” path; 6 If user chose CATEGORIES→EDIT CATEGORY,it will follow “Y” path to diagram [2E3], otherwise it will wait untilthe user's choice. 7 If user chose CATEGORIES→DELETE CATEGORY, it willfollow “Y” path to diagram [2E4], otherwise it will wait until theuser's choice. 8 If user chose CATEGORIES→CHANGE LIST ORDER, it willfollow “Y” path to diagram [2E5], otherwise it will wait until theuser's choice.

Referring to FIG. 23G, beginning at 412, the following steps areperformed.

TABLE 7 Step Action 1 Browser will display CATEGORIES-EDIT CATEGORYtitle. 2 Website will load EDIT CATEGORY section and check if there areany sub-categories for selected category; 3 Website will display EDITCATEGORY page with its forms; 4 User MUST enter CATEGORY NAME, NEXTLEVEL SELECTION and ORDER TYPE; 5 If user clicked on CANCEL during theprocess, the system will follow the “Y” path to diagram [2E1], otherwiseit will follow the “N” path; 6 If user clicked on SAVE CHANGES, thesystem will follow the “Y” path, otherwise it will follow the “N” path;7 If all submitted data are correct, it will follow the “Y” path,otherwise it will follow the “N” path; 8 If an error happens, an errormessage will be showed and user can choose to try again; 9 If user wantsto try again it will follow the “Y” path, otherwise it will follow the“N” path to diagram [2E1]; 10 The system will update CATEGORY databaseand goes to diagram [2E1];

Referring to FIG. 23H, beginning at 414, the following steps areperformed.

TABLE 8 Step Action 1 Browser will display CATEGORIES-DELETE CATEGORYtitle. 2 Website will ask user to CONFIRM CATEGORY TO DELETE; If userclicked on NO during the process, the system will follow the “N” path todiagram [2E2], otherwise it will follow the “Y” path; 3 The system willdelete selected CATEGORY, update category database and goes to diagram[2E1];

Referring to FIG. 23I, beginning at 416, the following steps areperformed.

TABLE 9 Step Action 1 Browser will display CATEGORIES-CHANGE ORDERtitle. 2 If user chose SEQUENTIAL ORDER, it will follow the “Y” path,otherwise it will follow “N” path; 3 Website will load all availablecategories ordering by “SEQUENTIAL” option; 4 The system displayCATEGORIES SECTION using the chosen order and goes to diagram [2E2]; 5If user chosen NON-SEQUENTIAL ORDER, it will follow the “Y” path,otherwise it will follow “N” path; 6 Website will load all availablecategories ordering by “NON-SEQUENTIAL” option;

Referring to FIG. 23J, beginning at 418, the following steps areperformed.

TABLE 10 Step Action 1 Browser will display ADD NEW CATEGORY title. 2Website will load ADD NEW CATEGORY section; 3 Website will display ADDNEW CATEGORY page with its forms; 4 User MUST enter CATEGORY NAME, NEXTLEVEL SELECTION and ORDER TYPE; 5 If user clicked on CANCEL during theprocess, the system will follow the “Y” path to diagram [2E1], otherwiseit will follow the “N” path; 6 If user clicked on ADD NEW CHANGEPASSWORD, the system will follow the “Y” path,

Referring to FIG. 23K, beginning at 420, the following steps areperformed.

TABLE 11 Step Action 1 Browser will display SUB-CATEGORIES title. 2Website will load SUB-CATEGORIES section; 3 Website will displaySUB-CATEGORIES page with its forms; 4 Website will wait until one of theavailable options is chosen; 5 If SUB-CATEGORIES chosen, it will followthe “Y” path and a sub-menu will appear for its sub- categories,otherwise it will follow the “N” path; 6 If user choseSUB-CATEGORIES→EDIT SUB-CATEGORY, it will follow “Y” path to diagram[2F3], otherwise it will wait until the user's choice. 7 If user choseSUB-CATEGORIES→DELETE SUB-CATEGORY, it will follow “Y” path to diagram[2F4], otherwise it will wait until the user's choice. 8 If a categoryis chosen and the user clicks on SUB-CATEGORIES→CREATE SUB- CATEGORY, alist of options for SUB-CATEGORY creation type will appear; 9 The systemwill wait until one of the available types of sub-categories is chosen.The options are: (10) Text, (13) Numeric and (16) Alphabetic; 10 If TEXTis chosen, it will follow “Y” path, otherwise it will follow “N” path;11 User MUST enter the number (quantity) of NEW TEXT SUB-CATEGORIES thatwill be created; 12 If creation is confirmed, it will follow “Y” path todiagram [2F6], otherwise it will be canceled and will follow the “N”path; 13 If NUMERIC is chosen, it will follow “Y” path, otherwise itwill follow “N” path; 14 User MUST enter the STARTING NUMBER and ENDNUMBER of NEW NUMERIC SUB- CATEGORIES that will be created. Thesenumbers MUST be bigger than 0 and smaller than 1001; 15 If creation isconfirmed, it will follow “Y” path to diagram [2F7], otherwise it willbe canceled and will follow the “N” path; 16 If ALPHABETIC is chosen, itwill follow “Y” path, otherwise it will follow “N” path; 17 User MUSTenter the STARTING LETTER and END LETTER of NEW ALPHABETIC SUB-CATEGORIES that will be created; 18 If creation is confirmed, it willfollow “Y” path to diagram [2F8], otherwise it will be canceled and willfollow the “N” path;

Referring to FIG. 23L, beginning at 422, the following steps areperformed.

TABLE 12 Step Action 1 Browser will display SUB-CATEGORIES-EDIT title. 2Website will load SUB-CATEGORIES-EDIT section; 3 Website will displaySUB-CATEGORIES-EDIT page with its forms; 4 User MUST enter CATEGORYNAME, NEXT LEVEL SELECTION and ORDER TYPE; 5 Website will wait until oneof the available options is chosen; 6 If UPDATE clicked, the system willfollow the “Y” path, otherwise it will follow the “N” path; 7 If userclicked on CANCEL during the process, the system will follow the “Y”path to diagram [2F1], otherwise it will follow the “N” path; 8 If allsubmitted data are correct, it will follow the “Y” path, otherwise itwill follow the “N” path; 9 If an error happens, an error message willbe showed and user can choose to try again; 10 If user wants to tryagain it will follow the “Y” path, otherwise it will follow the “N” pathto diagram [2F1]; 11 The system will UPDATE THE SUB-CATEGORY intodatabase and goes to diagram [2F1];

Referring to FIG. 23M, beginning at 424, the following steps areperformed.

TABLE 13 Step Action 1 Browser will display SUB-CATEGORIES-DELETE title.2 Website will ask user to CONFIRM SUB-CATEGORY TO DELETE; If userclicked on NO during the process, the system will follow the “N” path todiagram [2F2], otherwise it will follow the “Y” path; 3 The system willdelete selected SUB-CATEGORY, update sub-category database and goes todiagram [2F1];

Referring to FIG. 23N, beginning at 426, the following steps areperformed.

TABLE 14 Step Action 1 Browser will display SUB-CATEGORIES - ADD TEXTTYPE title. 2 Website will create SUB-CATEGORIES TEXT TYPE (selectedcategory); 3 Website will display SUB-CATEGORIES TEXT TYPE forms(selected category); 4 User MUST enter SUB-CATEGORY NAME, NEXT LEVELSELECTION and ORDER TYPE; 5 Website will wait until one of the availableoptions is chosen; 6 If CREATE NEW SUB-CATEGORY clicked, the system willfollow the “Y” path, otherwise it will follow the “N” path; 7 If allsubmitted data are correct, it will follow the “Y” path, otherwise itwill follow the “N” path; 8 If an error happens, an error message willbe showed and user can choose to try again; 9 If user wants to try againit will follow the “Y” path, otherwise it will follow the “N” path todiagram [2F1]; 10 The system will add the NEW SUB-CATEGORIES intodatabase and goes to diagram [2F1];

Referring to FIG. 23O, beginning at 428, the following steps areperformed.

TABLE 15 Step Action 1 Browser will display SUB-CATEGORIES - ADD NUMERICTYPE title. 2 Website will create SUB-CATEGORIES NUMERIC TYPE (selectedcategory); 3 Website will wait until one of the available options ischosen; 4 If CREATE NEW SUB-CATEGORY clicked, the system will follow the“Y” path, otherwise it will follow the “N” path; 5 If all submitted dataare correct, it will follow the “Y” path, otherwise it will follow the“N” path; 6 If an error happens, an error message will be showed anduser can choose to try again; 7 If user wants to try again it willfollow the “Y” path and goes to diagram [2F2], otherwise it will followthe “N” path to diagram [2F1]; 8 The system will add the NEWSUB-CATEGORIES into database and goes to diagram [2F1];

Referring to FIG. 23P, beginning at 430, the following steps areperformed.

TABLE 16 Step Action 1 Browser will display SUB-CATEGORIES - ADDALPHABETIC TYPE title. 2 Website will create SUB-CATEGORIES ALPHABETICTYPE (selected category); 3 Website will wait until one of the availableoptions is chosen; 4 If CREATE NEW SUB-CATEGORY clicked, the system willfollow the “Y” path, otherwise it will follow the “N” path; 5 If allsubmitted data are correct, it will follow the “Y” path, otherwise itwill follow the “N” path; 6 If an error happens, an error message willbe showed and user can choose to try again; 7 If user wants to try againit will follow the “Y” path and goes to diagram [2F2], otherwise it willfollow the “N” path to diagram [2F1]; 8 The system will add the NEWSUB-CATEGORIES into database and goes to diagram [2F1];

Referring to FIG. 23Q, beginning at 432, the following steps areperformed.

TABLE 17 Step Action 1 Browser will display PAGE CONTENT title. 2Website will load PAGE CONTENT section and all MAIN CATEGORIES LIST; 3Website will display PAGE CONTENT page with its forms; 4 Website willwait until one of the available options is chosen; 5 If PAGE CONTENTchosen, it will follow the “Y” path and a sub-menu will appear for itssub-categories, otherwise it will follow the “N” path; 6 The system willload selected category and will check for its available sub-categories;7 If category has any sub-categories available it will follow “Y” path,otherwise it will follow “N” path; 8 Website will display Category'ssub-categories and its next levels; 9 If PAGE TEMPLATE was clicked, itwill follow “Y” path to diagram [2G3], otherwise it will follow “N”path; 10 If ADD PAGE CONTENT was clicked, it will follow “Y” path todiagram [2G4], otherwise it will follow “N” path; 11 If IFRAME CODE wasclicked, it will follow “Y” path to diagram [2G5], otherwise it willfollow “N” path;

Referring to FIG. 23R, beginning at 434, the following steps areperformed.

TABLE 18 Step Action 1 Browser will display PAGE CONTENT - PAGE TEMPLATEtitle. 2 Website will load PAGE TEMPLATE section for selected categoryor sub-category; 3 Website will display PAGE TEMPLATE page with itsforms; 4 User MUST enter TEMPLATE TITLE, BOOK DESCRIPTION, KEYWORDS,PAGE FROM, PAGE TO, HEADER TEMPLATE, FOOTER TEMPLATE, choose COMMENTSTYPE (Display or Hide), AUTO-RESPONDER SERVICE, EMAIL SUBJECT, EMAILCONTENT and choose MAKE DEFAULT (Yes or No); 5 Website will wait untilone of the available options is chosen; 6 If user clicked on CANCELduring the process, the system will follow the “Y” path to diagram[2G1], otherwise it will follow the “N” path; 7 If CREATE PAGE SETUPclicked, the system will follow the “Y” path, otherwise it will followthe “N” path; 8 If all submitted data are correct, it will follow the“Y” path, otherwise it will follow the “N” path; 9 If an error happens,an error message will be showed and user can choose to try again; 10 Ifuser wants to try again it will follow the “Y” path, otherwise it willfollow the “N” path to diagram [2G1]; 11 The system will ADD A NEWTEMPLATE into database and goes to diagram [2G1];

Referring to FIG. 23S, beginning at 436, the following steps areperformed.

TABLE 19 Step Action 1 Browser will display PAGE CONTENT - ADD PAGECONTENT title. 2 Website will load ADD PAGE CONTENT section for selectedcategory or sub-category; 3 If no templates are found for itscategory/sub-category it will follow the “N” path, otherwise it willfollow the “Y” path; 4 System will show an error message and goes todiagram [2G3]; 5 Website will display ADD PAGE CONTENT page with itsforms; 6 User MUST choose PAGE NUMBER (from existing list), enter PAGETITLE and enter PAGE CONTENT; 7 Website will wait until one of theavailable options is chosen; 8 If user clicked on CANCEL during theprocess, the system will follow the “Y” path to diagram [2G1], otherwiseit will follow the “N” path; 9 If POST PAGE CONTENT clicked, the systemwill follow the “Y” path, otherwise it will follow the “N” path; 10 Ifall submitted data are correct, it will follow the “Y” path, otherwiseit will follow the “N” path; 11 If an error happens, an error messagewill be showed and user can choose to try again; 12 If user wants to tryagain it will follow the “Y” path, otherwise it will follow the “N” pathto diagram [2G1]; 13 The system will ADD NEW PAGE CONTENT into databaseand goes to diagram [2G1];

Referring to FIG. 23T, beginning at 438, the following steps areperformed.

TABLE 20 Step Action 1 Browser will display PAGE CONTENT - IFRAMESUBSTITUTE CODE title. 2 Website will load IFRAME SUBSTITUTE CODEsection for selected category or sub-category; 3 Website will displayIFRAME SUBSTITUTE CODE SCRIPT to be used into website's HTML body andgoes to diagram [2G1];

Referring to FIG. 23U, beginning at 440, the following steps areperformed.

TABLE 21 Step Action 1 Browser will display administrator SETTINGS -MANAGE ICON title. 2 Website will load MANAGE ICON section and itsavailable icons; 3 Website will display MANAGE ICON and its availableicons; 4 Website will wait until one of the available options is chosen;5 If there are any previously icons added it will follow the “Y” pathand a sub-menu for its icons will appear, otherwise it will follow the“N” path and only ADD NEW ICON must be showed; 6 If EDIT ICON is chosenit will follow “Y” path to diagram [2H3], otherwise it will await untilthe user's choice. 7 If DELETE ICON is chosen it will follow “Y” path todiagram [2H4], otherwise it will await until the user's choice. 8 If ADDICON is chosen it will follow “Y” path to diagram [2H5], otherwise itwill await until the user's choice. 9 If ADD ICON is chosen it willfollow “Y” path to diagram [2H5], otherwise it will await until theuser's choice.

Referring to FIG. 23V, beginning at 442, the following steps areperformed.

TABLE 22 Step Action 1 Browser will display MANAGE ICON - ADD ICONtitle. 2 Website will load ADD ICON section; 3 Website will display ADDICON page with its forms; 4 User MUST enter ICON NAME and choose an ICONIMAGE to upload; 5 Website will wait until one of the available optionsis chosen; 6 If user clicked on CANCEL during the process, the systemwill follow the “Y” path to diagram [2H1], otherwise it will follow the“N” path; 7 If ADD NEW ICON clicked, the system will follow the “Y”path, otherwise it will follow the “N” path; 8 If all submitted data arecorrect, it will follow the “Y” path, otherwise it will follow the “N”path; 9 If an error happens, an error message will be showed and usercan choose to try again; 10 If user wants to try again it will followthe “Y” path, otherwise it will follow the “N” path to diagram [2H1]; 11The system will ADD NEW ICON information and UPLOAD AN ICON IMAGE toimage folder and goes to diagram [2H1];

Referring to FIG. 23W, beginning at 444, the following steps areperformed.

TABLE 23 Step Action 1 Browser will display MANAGE ICON - EDIT ICONtitle. 2 Website will load EDIT ICON section; 3 Website will displayEDIT ICON page with its forms; 4 User MUST enter ICON NAME and choose anICON IMAGE to upload; 5 Website will wait until one of the availableoptions is chosen; 6 If user clicked on CANCEL during the process, thesystem will follow the “Y” path to diagram [2H1], otherwise it willfollow the “N” path; 7 If SAVE CHANGES clicked, the system will followthe “Y” path, otherwise it will follow the “N” path; 8 If all submitteddata are correct, it will follow the “Y” path, otherwise it will followthe “N” path; 9 If an error happens, an error message will be showed anduser can choose to try again; 10 If user wants to try again it willfollow the “Y” path, otherwise it will follow the “N” path to diagram[2H1]; 11 The system will UPDATE ICON information and UPLOAD AN ICONIMAGE to image folder and goes to diagram [2H1];

Referring to FIG. 23X, beginning at 446, the following steps areperformed.

TABLE 24 Step Action 1 Browser will display MANAGE ICON - DELETE title.2 Website will ask user to CONFIRM ICON TO DELETE; If user clicked on NOduring the process, the system will follow the “N” path to diagram[2H2], otherwise it will follow the “Y” path; 3 The system will deleteselected ICON and ICON IMAGE, update icon database and goes to diagram[2H1];

Referring to FIG. 23Y, beginning at 448, the following steps areperformed.

TABLE 25 Step Action 1 Browser will display administrator SETTING -HEADER/ FOOTER title. 2 Website will load HEADER/FOOTER section; 3Website will display HEADER/FOOTER page with its forms; 4 User MUSTenter administrator HEADER and administrator FOOTER; 5 Website will waituntil one of the available options is chosen; 6 If user clicked onCANCEL during the process, the system will follow the “Y” path todiagram [2I], otherwise it will follow the “N” path; 7 If SAVE CHANGESclicked, the system will follow the “Y” path, otherwise it will followthe “N” path; 8 If all submitted data are correct, it will follow the“Y” path, otherwise it will follow the “N” path; 9 If an error happens,an error message will be showed and user can choose to try again; 10 Ifuser wants to try again it will follow the “Y” path, otherwise it willfollow the “N” path to diagram [2I]; 11 The system will UPDATE HEADERAND FOOTER information and goes to diagram [2I];

Referring to FIG. 23Z, beginning at 450, the following steps areperformed.

TABLE 26 Step Action 1 Browser will display a security check page askingUSERNAME and PASSWORD. 2 User MUST enter USERNAME and PASSWORD; 3 IfUSERNAME and PASSWORD are OK, then follow the “Y” path, otherwise,follow the “N” path; 4 With an authenticated user, the system will loadthe “User Administration Panel” homepage and will show all availablemenu option for this section; 5 The website will wait until the userchoose one of the options on main menu; 6 If user chose PERSONAL MENU, asub-menu with another options will appear and wait until one of itsoptions are chosen; Its options are: (7) Edit Profile, (8) Upload Photo,(9) Upload Banner, (10) Manage Banner, (11) Change Password and (12) Logout; 7 If user chose PERSONAL MENU→EDIT PROFILE, it will follow “Y” pathto diagram [3B], otherwise it will wait until the user's choice. 8 Ifuser chose PERSONAL MENU→UPLOAD PHOTO, it will follow “Y” path todiagram [3C], otherwise it will wait until the user's choice. 9 If userchose PERSONAL MENU→UPLOAD BANNER, it will follow “Y” path to diagram[3D], otherwise it will wait until the user's choice. 10 If user chosePERSONAL MENU→MANAGE BANNER, it will follow “Y” path to diagram [3E],otherwise it will wait until the user's choice. 11 If user chosePERSONAL MENU→CHANGE PASSWORD, it will follow “Y” path to diagram [3F],otherwise it will wait until the user's choice. 12 If user chosePERSONAL MENU→LOG OUT, it will follow “Y” path to diagram [3G],otherwise it will wait until the user's choice. 13 If user chose PAGEMENU, a sub-menu with another option will appear and wait until one ofits options are chosen; Its options is: (14) User Comments; 14 If userchose PAGE MENU→USER COMMENTS, it will follow “Y” path to diagram [3H],otherwise it will wait until the user's choice.

Referring to FIG. 23AA, beginning at 452, the following steps areperformed.

TABLE 27 Step Action 1 Browser will display PERSONAL MENU - EDIT PROFILEtitle. 2 Website will load EDIT PROFILE section; 3 Website will displayEDIT PROFILE page with its forms; 4 User MUST enter FIRST NAME, LASTNAME and EMAIL ADDRESS; 5 Website will wait until one of the availableoptions is chosen; 6 If user clicked on CANCEL during the process, thesystem will follow the “Y” path to diagram [3A], otherwise it willfollow the “N” path; 7 If EDIT YOUR PROFILE was clicked, the system willfollow the “Y” path, otherwise it will follow the “N” path; 8 If allsubmitted data are correct, it will follow the “Y” path, otherwise itwill follow the “N” path; 9 If an error happens, an error message willbe showed and user can choose to try again; 10 If user wants to tryagain it will follow the “Y” path, otherwise it will follow the “N” pathto diagram [3A]; 11 The system will UPDATE USER PROFILE information andgoes to diagram [3A];

Referring to FIG. 23BB, beginning at 454, the following steps areperformed.

TABLE 28 Step Action 1 Browser will display PERSONAL MENU - UPLOAD PHOTOtitle. 2 Website will load UPLOAD PHOTO section and its availablephotos; 3 Website will display UPLOAD PHOTO and its available photos; 4Website will wait until one of the available options is chosen; 5 Ifthere are any previously photos added it will follow the “Y” path and asub-menu for its photos will appear, otherwise it will follow the “N”path and only ADD NEW PHOTO must be showed; 6 If EDIT PHOTO is chosen itwill follow “Y” path to diagram [3C3], otherwise it will await until theuser's choice. 7 If DELETE PHOTO is chosen it will follow “Y” path todiagram [3C4], otherwise it will await until the user's choice. 8 If ADDPHOTO is chosen it will follow “Y” path to diagram [3C5], otherwise itwill await until the user's choice. 9 If ADD PHOTO is chosen it willfollow “Y” path to diagram [3C5], otherwise it will await until theuser's choice.

Referring to FIG. 23CC, beginning at 456, the following steps areperformed.

TABLE 29 Step Action 1 Browser will display UPLOAD PHOTO - ADD PHOTOtitle. 2 Website will load ADD PHOTO section; 3 Website will display ADDPHOTO page with its forms; 4 User MUST enter PHOTO NAME and choose aPHOTO to upload; 5 Website will wait until one of the available optionsis chosen; 6 If user clicked on CANCEL during the process, the systemwill follow the “Y” path to diagram [3C1], otherwise it will follow the“N” path; 7 If ADD NEW PHOTO clicked, the system will follow the “Y”path, otherwise it will follow the “N” path; 8 If all submitted data arecorrect, it will follow the “Y” path, otherwise it will follow the “N”path; 9 If an error happens, an error message will be showed and usercan choose to try again; 10 If user wants to try again it will followthe “Y” path, otherwise it will follow the “N” path to diagram [3C1]; 11The system will ADD THE PHOTO information and UPLOAD THE PHOTO to imagefolder and goes to diagram [3C1];

Referring to FIG. 23DD, beginning at 458, the following steps areperformed.

TABLE 30 Step Action 1 Browser will display UPLOAD PHOTO - EDIT PHOTOtitle. 2 Website will load EDIT PHOTO section; 3 Website will displayEDIT PHOTO page with its forms; 4 User MUST enter PHOTO NAME and choosea PHOTO to upload; 5 Website will wait until one of the availableoptions is chosen; 6 If user clicked on CANCEL during the process, thesystem will follow the “Y” path to diagram [3C1], otherwise it willfollow the “N” path; 7 If SAVE CHANGES clicked, the system will followthe “Y” path, otherwise it will follow the “N” path; 8 If all submitteddata are correct, it will follow the “Y” path, otherwise it will followthe “N” path; 9 If an error happens, an error message will be showed anduser can choose to try again; 10 If user wants to try again it willfollow the “Y” path, otherwise it will follow the “N” path to diagram[3C1]; 11 The system will UPDATE PHOTO information and UPLOAD THE PHOTOto image folder and goes to diagram [3C1];

Referring to FIG. 23EE, beginning at 460, the following steps areperformed.

TABLE 31 Step Action 1 Browser will display UPLOAD PHOTO - DELETE PHOTOtitle. 2 Website will ask user to CONFIRM PHOTO TO DELETE; 3 If userclicked on NO during the process, the system will follow the “N” path todiagram [2C2], otherwise it will follow the “Y” path; 4 The system willdelete selected PHOTO information and PHOTO, update photo database andgoes to diagram [3C1];

Referring to FIG. 23FF, beginning at 462, the following steps areperformed.

TABLE 32 Step Action 1 Browser will display PERSONAL MENU - UPLOADBANNER title. 2 Website will load UPLOAD BANNER section and itsavailable photos; 3 Website will display UPLOAD BANNER and its availablephotos; 4 Website will wait until one of the available options ischosen; 5 If there are any previously banners added it will follow the“Y” path and a sub-menu for its banners will appear, otherwise it willfollow the “N” path and only ADD NEW BANNER must be showed; 6 If EDITBANNER is chosen it will follow “Y” path to diagram [3D3], otherwise itwill await until the user's choice. 7 If DELETE BANNER is chosen it willfollow “Y” path to diagram [3D4], otherwise it will await until theuser's choice. 8 If ADD BANNER is chosen it will follow “Y” path todiagram [3D5], otherwise it will await until the user's choice. 9 If ADDBANNER is chosen it will follow “Y” path to diagram [3D5], otherwise itwill await until the user's choice.

Referring to FIG. 23GG, beginning at 464, the following steps areperformed.

TABLE 33 Step Action 1 Browser will display UPLOAD BANNER - EDIT BANNERtitle. 2 Website will load EDIT BANNER section; 3 Website will displayEDIT BANNER page with its forms; 4 User MUST enter BANNER NAME andchoose a BANNER to upload; 5 Website will wait until one of theavailable options is chosen; 6 If user clicked on CANCEL during theprocess, the system will follow the “Y” path to diagram [3D1], otherwiseit will follow the “N” path; 7 If SAVE CHANGES clicked, the system willfollow the “Y” path, otherwise it will follow the “N” path; 8 If allsubmitted data are correct, it will follow the “Y” path, otherwise itwill follow the “N” path; 9 If an error happens, an error message willbe showed and user can choose to try again; 10 If user wants to tryagain it will follow the “Y” path, otherwise it will follow the “N” pathto diagram [3D1]; 11 The system will UPDATE BANNER information andUPLOAD THE BANNER to image folder and goes to diagram [3C1];

Referring to FIG. 23HH, beginning at 464, the following steps areperformed.

TABLE 34 Step Action 1 Browser will display UPLOAD BANNER - ADD BANNERtitle. 2 Website will load ADD BANNER section; 3 Website will displayADD BANNER page with its forms; 4 User MUST enter BANNER NAME and choosea BANNER to upload; 5 Website will wait until one of the availableoptions is chosen; 6 If user clicked on CANCEL during the process, thesystem will follow the “Y” path to diagram [3D1], otherwise it willfollow the “N” path; 7 If ADD NEW BANNER clicked, the system will followthe “Y” path, otherwise it will follow the “N” path; 8 If all submitteddata are correct, it will follow the “Y” path, otherwise it will followthe “N” path; 9 If an error happens, an error message will be showed anduser can choose to try again; 10 If user wants to try again it willfollow the “Y” path, otherwise it will follow the “N” path to diagram[3D1]; 11 The system will ADD THE BANNER information and UPLOAD THEBANNER to image folder and goes to diagram [3D1];

Referring to FIG. 23II, beginning at 468, the following steps areperformed.

TABLE 35 Step Action 1 Browser will display UPLOAD BANNER - DELETEBANNER title. 2 Website will ask user to CONFIRM BANNER TO DELETE; Ifuser clicked on NO during the process, the system will follow the “N”path to diagram [3D2], otherwise it will follow the “Y” path; 3 Thesystem will delete selected BANNER information and BANNER, update bannerdatabase and goes to diagram [3C1];

Referring to FIG. 23JJ, beginning at 470, the following steps areperformed.

TABLE 36 Step Action 1 Browser will display PERSONAL MENU - MANAGEBANNER title. 2 Website will load MANAGE BANNER section; 3 Website willdisplay MANAGE BANNER page with its forms; 4 User MUST choose theDEFAULT BANNER; 5 Website will wait until one of the available optionsis chosen; 6 If user clicked on CANCEL during the process, the systemwill follow the “Y” path to diagram [3A], otherwise it will follow the“N” path; 7 If BANNER is chosen, the system will follow the “Y” path,otherwise it will follow the “N” path; 8 If all submitted data arecorrect, it will follow the “Y” path, otherwise it will follow the “N”path; 9 If an error happens, an error message will be showed and usercan choose to try again; 10 If user wants to try again it will followthe “Y” path, otherwise it will follow the “N” path to diagram [3A]; 11The system will UPDATE DEFAULT BANNER information into database systemand goes to diagram [3A];

Referring to FIG. 23KK, beginning at 472, the following steps areperformed.

TABLE 37 Step Action 1 Browser will display PERSONAL MENU - CHANGEPASSWORD title. 2 Website will load CHANGE PASSWORD section; 3 Websitewill display CHANGE PASSWORD page with its forms; 4 User MUST enter OLDPASSWORD, NEW PASSWOR and CONFIRM NEW PASSWORD; 5 If user clicked onCANCEL during the process, the system will follow the “Y” path todiagram [3A], otherwise it will follow the “N” path; 6 If CHANGE YOURPASSWORD was clicked, the system will follow the “Y” path, otherwise itwill follow the “N” path; 7 If all submitted data are correct, it willfollow the “Y” path, otherwise it will follow the “N” path; 8 If anerror happens, an error message will be showed and user can choose totry again; 9 If user wants to try again it will follow the “Y” path,otherwise it will follow the “N” path to diagram [3A]; 10 The systemwill UPDATE PASSWORD information into database system and goes todiagram [3A];

Referring to FIG. 23LL, beginning at 474, the following steps areperformed.

TABLE 38 Step Action 1 Browser will display LOG OUT title. 2 Websitewill clear all log in information and goes to diagram [3];

Referring to FIG. 23MM, beginning at 476, the following steps areperformed.

TABLE 39 Step Action 1 Browser will display PERSONAL MENU - USERCOMMENTS title. 2 Website will load USER COMMENTS section and allavailable users' comments; 3 Website will display USER COMMENTS pagewith its forms; 4 Website will wait until one of the available optionsis chosen; 5 If Title is chosen the system will follow the “Y” path,otherwise it will follow the “N” path; 6 Website will load the selectedcategory and will check for available sub- categories; 7 If there aresub-categories, it will follow the “Y” path, otherwise it will followthe “N” path; 8 The system will display all available sub-categories forselected category and its next levels; 9 User MUST enter COMMENT TITLE,COMMENT, choose ICON, select which PERSONAL INFORMATION the system willdisplay, and select ACCESS TYPE; 10 If Enlarge Writing Area was clickedit will follow the “Y” path, otherwise it will follow the “N” path; 11As soon Enlarge Writing Area is chosen, the COMMENT field will beresized either to a bigger writing area or, if it already resized, willbe resized to its initial size; 12 If all information were submitted itwill follow the “Y” path, otherwise it will follow the “N” path; 13 Ifall submitted data are correct, it will follow the “Y” path, otherwiseit will follow the “N” path; 14 If an error happens, an error messagewill be showed and user can choose to try again; 15 If user wants to tryagain it will follow the “Y” path, otherwise it will follow the “N” pathto diagram [3]; 16 The system will ADD COMMENT information into databasesystem and goes to diagram [3];

Referring to FIG. 23NN, beginning at 480, the following steps areperformed.

TABLE 40 Step Action 1 Browser will display WEALTHYSOULJOURNAL.COMHOMEPAGE (A.K.A. End Users' Comments Page) title. 2 Website will loadHEADER, COMMENT FORMS, IFRAME SUBSTITUTE (described on DIAGRAM 5 file)and FOOTER sections; 3 Website will display HEADER, COMMENT FORMS,IFRAME SUBSTITUTE (described on DIAGRAM 5 file) and FOOTER sections; 4User MUST enter COMMENT, NAME and EMAIL ADDRESS; 5 Website will waituntil one of the available options is chosen; 6 If CLEAR FORM wasclicked the system will follow the “Y” path, otherwise it will followthe “N” path; 7 The system will clear any information that user added tocomments forms; 8 If User's comments were submitted it will follow the“Y” path, otherwise it will follow “N” path; 9 If all submitted data arecorrect, it will follow the “Y” path, otherwise it will follow the “N”path; 10 If an error happens, an error message will be showed and usercan choose to try again; 11 If user wants to try again it will followthe “Y” path, otherwise it will follow the “N” path to diagram [4A]; 12The system will ADD USER'S COMMENT information into database system andgoes to diagram [4A]

Referring to FIG. 23OO, beginning at 482, the following steps areperformed.

TABLE 41 Step Action 1 Browser will display an iFrame DIV into HTMLbody's layout; 2 Browser will display a LOADING PAGE until all iFrame isloaded; 3 Website will send its ID to comments database to identifywhich data will be loaded; 4 Website will load Comment Title, Keyword(used for Search Engine Optimizations), Full Comment, Personal Data,Date and Time for each comment; 5 If all data is already loaded it willfollow the “Y” path, otherwise it will follow the “N” until allavailable data is loaded; 6 Website will load user's template that waschosen into “User's administrator Panel”; 7 If template is loaded, alldata will be formatted into it and the website will create the completecomments' page; 8 If iFrame is fully loaded it will follow the “Y” path,otherwise it will follow the “N” until all available data is loaded; 9With all data loaded, another script will detect if these data has beenfit into the actual height, or if it needs to be resized. If it has beenfit then the script will follow the “Y” path, if not, it will follow the“N” path; 10 When the loaded data can't fit into its actual iFrameheight, another script will be triggered and a new height will becalculated; 11 When the new height has been calculated, this script willresize the iFrame to its new height and will fit it into the all pagecontent; 12 With all internal iFrame process is done, it will remove theLOADER PAGE from iFrame Substitute Area and goes to diagram [4B];

The present invention comprises an “iFrame solution” to add readercomment areas to web pages. The “iFrame solution” of the presentinvention may be implemented with an existing web page framework. In thefollowing example, the www.wealthysoul.com domain is used. An iFrame isa webpage element that creates an inline frame that contains anotherdocument. An iFrame functions as a document within a document, or like afloating FRAME. It just loads another HTML document within the <iframe>tags. Syntax <IFRAME> . . . </IFRAME>. The following example uses theIFRAME element and an HTML fragment to create a frame containing thepage sample.htm as shown in FIG. 24. The page comprises a header 500,comments page 502, and footer 504. Comments, therefore, may be addedwithin any section of a HTML document comprising the iFrame solution ofthe present invention.

TABLE 42 Code Parameters for IFrame <IFRAME SRC=URI (URI of framecontent) ID=“iFrame1” NAME=CDATA (name of frame) FRAMEBORDER=“LONGDESC=URI (link to long description) 0” WIDTH=Length (frame width)SCROLLING=“NO” HEIGHT=Length (frame height) SRC=“sample.htm”> ALIGN=[top | middle | bottom | left | right ] (frame alignment) </IFRAME>MARGINWIDTH=Pixels (margin width) MARGINHEIGHT=Pixels (margin height)FRAMEBORDER=[ 1 | 0 ] (frame border) SCROLLING=[ yes | no | auto ](ability to scroll)

The embedded technologies into iFrame solution are HTML, PHP,Javascript, MySQL, CSS and AJAX methods.

Referring to FIG. 25, a flowchart illustrating the iFrame substitutionsolution according to an example embodiment of the present invention isshown. Referring to FIG. 25, beginning at 510, the following steps areperformed to implement the iFrame solution.

TABLE 43 Step Action 1 With any ECMA-262 compatible browsers (InternetExplorer 5+, FireFox 1.5+, Opera 8+, etc), the user will access URLgiven in this example (www.wealthysoul.com); 2 Accessing the domain, themain framework will load its HEADER information and will display it asseen FIG. 24 header 500; 3 Accessing the domain, the main framework willload its FOOTER information and will display it as seen in FIG. 24footer 500; 4 The iFrame will load an internal PHP dynamic page calledcomments.php. 5 Starting the loading functions, the framework shoulddetect its domain (in this example, www.wealthysoul.com), and will sendan ID variable that will define which data the comments.php page mustload, as all its CSS styles; 6 As soon as comments.php start itsfunction, a Javascript code will load a DIV tag who will display an 100%opaque image (white board in the example given), displaying an animatedgif showing “LOADING”; 7 Into the HEAD TAG, an OnLoad trigger will startanother script as soon as all contents from database is loaded asnoticed into “Y” path. If all data haven't been loaded yet, the loaderDIV will stay on screen as noticed into the “N” path; 8 With all dataloaded, another script will detect if these data has been fit into theactual height, or if it needs to be resized. If it has been fit then thescript will follow the “Y” path, if not, it will follow the “N” path; 9When the loaded data can't fit into its actual iFrame height, anotherscript will be triggered and a new height will be calculated; 10 Whenthe new height has been calculated, this script will resize the iFrameto its new height and will fit it into the all page content; 11 Afterall scripts have been executed and none has failed, the iFrame LOADERDIV will be removed and the loaded data will be revealed. 12 HEADER,comments.php iFrame and FOOTER will be revealed into user's browser(e.g., as shown in FIG. 24: header 500, comments page 502, footer 504.

The iFrame substitution solution of the present invention allows thereader comments to be stored at a web site remote from theadministrator's hosting web site resulting in many benefits for the website administrator and the readers who enter comments on theadministrator's web site. While certain exemplary embodiments aredescribed in detail above, the scope of the application is not to beconsidered limited by such disclosure, and modifications are possiblewithout departing from the spirit of the invention as evidenced by thefollowing claims.

What is claimed is:
 1. A computerized method for allowing interactionwith a web page hosted at a first web site server, the method comprisingthe actions of: generating code to be inserted in a web page hosted atsaid first web site server, said code defining a reader interactionfunction in said web; receiving an actuation of the reader interactionfunction by a reader viewing said web page; sending data identifying theweb page to a remote second web site, said data being stored in adatabase remote from said first web site server; and displaying on asecond web page, information based on the data that identifies the webpage indicates that the reader interaction function has been actuated.2. The method of claim 1, further comprising: receiving at said firstweb site server in response to the actuation of the reader interactionfunction, a comment entered by the reader; and the action of sendingdata includes sending the comment.
 3. A computerized method forreceiving and managing reader comments associated with a web pagecomprising: displaying, by a first web site server, a web pagecomprising a user interaction function; receiving, data indicating anactuation of the user interaction function by a reader of the web page,the data being associated with the web page; receiving, at a remotesecond web site server, the data associated with the web page; andstoring at the remote second web site server, using a database that isremote from the first web site server the data associated with the web.4. The method of claim 3, further comprising receiving a comment enteredby the user upon actuation of the interaction function and including thecomment within the data.
 5. The method of claim 4, wherein the actuationof the interaction function further comprises receiving a request tokeep the comment private.
 6. A computerized method for receiving andmanaging reader interactions associated with a web page, wherein a firstweb site server displays a web page modified to display a readerinteraction function and is configured to receive data related to anactuation of the reader interaction function by a reader of the web pagedisplayed by the first web site server, the method comprising theactions of; receiving at a remote second web site server data related tothe actuation of the reader interaction function, the data beingassociated with the web page, the data being transferred upon said useractuating the reader interaction function; and storing at the remotesecond web site server, using a database that is remote from the firstweb site server the data.